<script setup lang="ts"></script>
<template>
  <div class="my-vehicle">
    <div class="myvehicle">
      <div style="font-size: 36rpx; margin-bottom: 40rpx">请输入车牌号</div>
      <div class="vehicle">
        <div class="box"><input type="text" placeholder="冀" /></div>
        <div class="box" style="margin-right: 50rpx">
          <input type="text" placeholder="A" />
        </div>
        <div class="box"><input type="text" placeholder="1" /></div>
        <div class="box"><input type="text" placeholder="1" /></div>
        <div class="box"><input type="text" placeholder="1" /></div>
        <div class="box"><input type="text" placeholder="1" /></div>
        <div class="box"><input type="text" placeholder="1" /></div>
        <div class="box" style="font-size: 20rpx">+<br />新能源</div>
      </div>
      <div class="save">
        <button class="button">保存</button>
        <div class="warn">
          请绑定真实有效的车牌号，否则将无法正常使用车 牌进行付费。
        </div>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped>
:not(not) {
  box-sizing: border-box;
}
.my-vehicle {
  width: 100vw;
  height: 100vh;
  background-color: #e0e7f0;

  .myvehicle {
    height: 950rpx;
    background-color: #fff;
    padding-top: 80rpx;
    padding-left: 20rpx;
    padding-right: 20rpx;
    .vehicle {
      display: flex;
      justify-content: space-between;
      margin-bottom: 160rpx;
      .box {
        width: 70rpx;
        height: 110rpx;
        border: 1px solid #858585;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        input {
          text-align: center;
        }
      }
    }
    .save {
      .button {
        font-size: 28rpx;
        width: 600rpx;
        height: 98rpx;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #1f1eff;
        margin: auto;
      }
      .warn {
        width: 600rpx;
        font-size: 28rpx;
        color: #bcbbbb;
        margin: 20rpx auto;
      }
    }
  }
}
</style>
